<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<title>猎舞网</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
">
	<link rel="stylesheet" href="__PUBLIC__static/lib/weui.min.css">
	<link rel="stylesheet" href="__PUBLIC__static/css/jquery-weui.css">
	<link rel="stylesheet" href="__PUBLIC__static/css/style.css">
	<style type="text/css">
		#select {
			background-color: white;
			position: relative;
			width: 100%;
			height: 55px;
			border-bottom: 0.5px solid #CCCCCC;
		}

		select {
			font-family: simhei[Regular];
			border: none;
			color: #333333;
			font-size: 20px;
			-webkit-appearance: none;
			/*去除chrome浏览器的默认下拉图片*/
			-moz-appearance: none;
			/*去除Firefox浏览器的默认下拉图片*/
			background-image: url(__PUBLIC__static/images/arrow.png);
			background-repeat: no-repeat;
			background-size: 16px;
			margin-top: 10px;
		}

		select:focus {
			outline: none;
		}

		.city {
			width: 90px;
			position: absolute;
			left: 15%;
			background-position: right;
		}

		.type {
			width: 75px;
			position: absolute;
			left: 63%;
			letter-spacing: 5px;
			background-position: right;
		}

		#xian {
			/*display: inline-block;*/
			/*width: 100px;*/
			height: 20px;
			border: 1px solid #CCCCCC;
			margin-left: 50%;
			position: absolute;
			top: 15px;
		}

		.outer {
			width: 500px;
			margin: 10px auto;
		}

		.wy-header-title {
			position: relative;
			width: 100%;
			height: 56px;
			background-color: black;
			margin-left: -2px;
		}

		.backw {
			position: absolute;
			width: 30px;
			top: 25%;
			left: 9px;
		}

		.wy-header-title span {
			font-family: FZLTZHK;
			font-size: 22px;
			color: #FFFFFF;
			line-height: 56px;
		}

		#body ul {
			height: 100px;
		}

		#jobname {
			font-family: Pingfang SC;
			color: #333333;
			font-size: 19px;
			font-weight: bold;
			letter-spacing: 1px;
		}

		#type {
			/* position: absolute; */
			/* width: 35px; */
			left: 95px;
			top: 16px;
			font-size: 14px;
		}

		#jigouname {
			margin-top: 35px;
			color: #666666;
		}
		.weui-cell{
			height: 100px;
			background-color: white;
			cursor:pointer;
		}
		.weui-cells{
			height: 120px;
		}
		.weui-cell__bd img{
			position: absolute;
			width: 30px;
			left: 95px;
			top: 22px;
		}
	</style>
</head>

<body ontouchstart style="background-color: rgb(245,245,245)" class="body">
<!--顶部-->
<header class='weui-header'>
	<!--<div class="wy-header-icon-back"><span></span></div>-->
	<div class="wy-header-title">
		<img class="backw" src="__PUBLIC__static/images/backwhite.png" alt="" />
		<span>招聘信息</span>
	</div>
</header>
<!--主体-->
<div id="details">
	<div id="select">

		<select class="city" name="city" >
			<option class="city1">全部</option>
			<option class="city1">杭州市</option>
			<option class="city2">嘉兴市</option>
			<option class="city3">湖州市</option>
			<option class="city4">绍兴市</option>
			<option class="city5">宁波市</option>
			<option class="city6">台州市</option>
			<option class="city7">温州市</option>
			<option class="city8">衢州市</option>
			<option class="city9">金华市</option>
			<option class="city10">丽水市</option>
			<option class="city11">舟山市</option>
		</select>
		<i id="xian"></i>
		<select class="type">
			
			<option>全职</option>
			<option>兼职</option>
		</select>
	</div>
	<div class="select_city">
		{foreach $res as $v}
		<div data-id="{$v.id}" class="weui-cell" style="margin-bottom: 10px;">
			<div class="weui-cell__bd">
				<p>{$v.jobname}</p>
				<!-- <img src="__PUBLIC__static/images/jianzhi2.png" /> -->
				<p id="type">{$v.jobtype}</p>
				<p style="margin-top: 5px">{$v.jobaddress}</p>
				<p style="margin-top: 5px">{$v.units}</p>
			</div>
			<div class="weui-cell__fd" style="color: red;">
				{$v.jobsalary}
			</div>
		</div>
		{/foreach}
	</div>
</div>
<!--底部导航-->
<div class="foot-black"></div>
<div class="weui-tabbar wy-foot-menu">
	<a id="zhaop" href="../Content/index" class="weui-tabbar__item weui-bar__item--on" style="height: 48px">
		<!--<p class="weui-tabbar__label" style="margin-top: 8%;font-size: 15px">招聘信息</p>-->
		<img style="width: 50px;" src="__PUBLIC__static/images/recruit.png" />
	</a>
	<a id="jinali" href="../resume/index" class="weui-tabbar__item " style="height: 48px">
		<!--  <p class="weui-tabbar__label" style="margin-top: 8%;font-size: 15px">简历</p>-->
		<img style="width: 24px;" src="__PUBLIC__static/images/resume.png" />
		<!--				<img src="../../../../public/static/images/recruit2.png" />
-->
	</a>
	<a id="mine" href="../Users/index" class="weui-tabbar__item" style="height: 48px">
		<!--<p class="weui-tabbar__label" style="margin-top: 8%;font-size: 15px">我的</p>-->
		<img style="width: 26px;" src="__PUBLIC__static/images/me.png" />

	</a>
</div>
<form action="" onsubmit="aaa()"

<script src="__PUBLIC__static/lib/jquery-2.1.4.js"></script>
<script src="__PUBLIC__static/lib/fastclick.js"></script>
<script src="__PUBLIC__static/js/jquery-weui.js"></script>
<script src="__PUBLIC__static/js/swiper.js"></script>

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="__PUBLIC__static/js/area.js"></script>
<script src="__PUBLIC__static/js/select.js"></script>

<script type="text/javascript">
	$(function(){

		$("body").on("click", '.weui-cell',function(e) {
			window.location.href = "../Content/details?id=" + $(this).attr('data-id');
		});
		$('.type').change(function(){
			$city=$(".city").val();
			$type=$(".type").val();

			$.ajax({
				type: "post",
				url: "select",
				data: {
					"city": $city,
					"type":$type
				},
				dataType: 'json',
				success: function(data) {
					$(".select_city").empty();
					$str='';
					for(var v of data['res']){
						if(v.jobtype=="兼职"){
							$str+='<div id="'+v.id+'" class="weui-cell" style="margin-bottom: 10px;"><div class="weui-cell__bd"><p>'+v.jobname+'</p><p id="type" >'+v.jobtype+'</p><p style="margin-top: 5px">'+v.jobaddress+'</p> <p style="margin-top: 5px">'+v.units+'</p></div><div class="weui-cell__fd" style="color: red;">'+v.jobsalary+'</div></div></div>';
						}else{
							$str+='<div id="'+v.id+'" class="weui-cell" style="margin-bottom: 10px;"><div class="weui-cell__bd"><p>'+v.jobname+'</p><p id="type" >'+v.jobtype+'</p><p style="margin-top: 5px">'+v.jobaddress+'</p> <p style="margin-top: 5px">'+v.units+'</p></div><div class="weui-cell__fd" style="color: red;">'+v.jobsalary+'</div></div></div>';
						}
					}
					$(".select_city").append($str);
				}
			})
		})

		$('.city').change(function(){
			$city=$(".city").val();
			$type=$(".type").val();
			$.ajax({
				type: "post",
				url: "select",
				data: {
					"city": $city,
					"type":$type
				},
				dataType: 'json',
				success: function(data) {
					$(".select_city").empty();
					$str='';
					for(var v of data['res']){
						$str+='<div id="'+v.id+'" class="weui-cell" style="margin-bottom: 10px;"><div class="weui-cell__bd"><p>'+v.jobname+'</p><p id="type">'+v.jobtype+'</p><p style="margin-top: 5px">'+v.jobaddress+'</p> <p style="margin-top: 5px">'+v.units+'</p></div><div class="weui-cell__fd" style="color: red;">'+v.jobsalary+'</div></div></div>';
					}
					$(".select_city").append($str);
				}
			})
		})
	})


</script>
</body>

</html>